<extend name="Public:base" />
<block name="title"><title>心e购-会员注册</title></block>
<block name="resources">
	<style>
		.area {
			margin: 20px auto 0px auto;
		}
		.mui-input-group:first-child {
			margin-top: 20px;
		}
		.mui-input-group label {
			width: 40px;
			height: 40px;
			padding: 0;
			text-align: center;
			line-height: 40px;
			position: absolute;
			left: 0;
			top: 0;
		}
		.mui-input-row{
			padding-left: 40px;
		}
		.mui-input-row label~input{
			width: 100%;
		}
		.mui-checkbox input[type=checkbox],
		.mui-radio input[type=radio] {
			top: 6px;
		}
		.mui-content-padded {
			margin-top: 25px;
		}
		.mui-btn {
			padding: 10px;
		}
	</style>
</block>
<block name="body">
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">会员注册</h1>
	</header>
	<div class="mui-content">
		<div id="slider" class="mui-slider">
			<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
				<a class="mui-control-item" href="#item1mobile">账号注册</a>
				<a class="mui-control-item" href="#item2mobile">手机注册</a>
			</div>
			<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-6"></div>
			<div class="mui-slider-group">
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
					<form method="post" class="mui-input-group">
						<div class="mui-content-padded bor-lr">
							<div class="mui-input-row">
								<label><i class="mui-icon mui-icon-person"></i></label>
								<input type="text" name="username" class="mui-input-clear mui-input" placeholder="请输入账号">
							</div>
							<div class="mui-input-row">
								<label><i class="mui-icon mui-icon-locked"></i></label>
								<input type="password" name="password" class="mui-input-clear mui-input" placeholder="请输入密码">
							</div>
						</div>
						<div class="mui-content-padded">
							<button class="mui-btn mui-btn-block mui-btn-xeg">注册</button>
						</div>
					</form>
				</div>
				<div id="item2mobile" class="mui-slider-item mui-control-content">
					<div class="mui-content-padded bor-lr">
						<form class="mui-input-group">
							<div class="mui-input-row">
								<label><i class="mui-icon-extra mui-icon-extra-phone"></i></label>
								<input type="text" class="mui-input-clear mui-input" placeholder="请输入手机号码">
							</div>
							<div class="mui-input-row">
								<label><i class="mui-icon mui-icon-email"></i></label>
								<input type="text" class="mui-input-clear mui-input" placeholder="请输入验证码">
							</div>
							<div class="mui-input-row">
								<label><i class="mui-icon mui-icon-locked"></i></label>
								<input type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
							</div>
						</form>
					</div>
					<div class="mui-content-padded">
						<button class="mui-btn mui-btn-block mui-btn-xeg">注册</button>
					</div>
				</div>
			</div>
		</div>
	</div>	
</block>